  <header class="met-head" e-page="header"> 
   <nav class="navbar navbar-default box-shadow-none met-nav"> 
    <div class="container"> 
     <div class="row"> 
      <h1 hidden="">{eyou:global name="web_name" /}</h1> 
      <div class="navbar-header pull-xs-left"> 
       <a href="{eyou:global name='web_cmsurl' /}/" class="navbar-logo vertical-align block pull-xs-left" title="{eyou:global name="web_name" /}"> 
        <div class="vertical-align-middle"> 
         <img src="{eyou:global name="web_logo" /}" alt="{eyou:global name="web_name" /}" /> 
        </div> </a> 
      </div>
      <div class="collapse navbar-collapse navbar-collapse-toolbar pull-md-right p-0" id="met-head-user-collapse">
        <div class="metlang m-l-15 pull-md-right text-xs-center">
          <div class="met-langlist vertical-align" m-type="lang" m-id="lang">
            <div class="inline-block  dropdown">
              <span data-toggle="dropdown" class="met_navbtn dropdown-toggle" aria-expanded="false">
                <img src="{eyou:lang const='logo' /}" alt="{eyou:lang const='title' /}" width="20">
                <span>{eyou:lang const='title' /}</span>
              </span>
              <ul class="dropdown-menu dropdown-menu-right animate animate-reverse" id="met-langlist-dropdown" role="menu">
                {eyou:language type='default'}
                <a href="{$field.url}" title="{$field.title}" class="dropdown-item">
                  <img src="{$field.logo}" alt="{$field.title}" width="20">{$field.title}</a>
                {/eyou:language}
              </ul>
            </div>
          </div>
        </div>
      </div>
      <button type="button" class="navbar-toggler hamburger hamburger-close collapsed p-x-5 met-nav-toggler" data-target="#met-nav-collapse" data-toggle="collapse">
        <span class="sr-only"></span>
        <span class="hamburger-bar"></span>
      </button> 
      <div class="collapse navbar-collapse navbar-collapse-toolbar pull-md-right p-0" id="met-nav-collapse"> 
       <ul class="nav navbar-nav navlist"> 
        <li class="nav-item"> <a href="{eyou:global name='web_cmsurl' /}" title="{eyou:lang name='yybl1' /}" class="nav-link {eyou:eq name='$Think.const.CONTROLLER_NAME' value='Index'}active{/eyou:eq}">{eyou:lang name='yybl1' /}</a> </li> 

        {eyou:channel type="top" row="60" id="field" currentstyle="active"}
        <li class="nav-item dropdown m-l-10"> <a href="{$field.typeurl}" title="{$field.typename}" class="nav-link dropdown-toggle {$field.currentstyle}" {eyou:notempty name="$field.children"}data-toggle="dropdown"{/eyou:notempty} data-hover="dropdown" aria-haspopup="true" aria-expanded="false"> {$field.typename}{eyou:notempty name="$field.children"}<span class="fa fa-angle-down p-l-5"></span>{/eyou:notempty}</a> 
         {eyou:notempty name="$field.children"}
         <div class="dropdown-menu dropdown-menu-right dropdown-menu-bullet"> 
          {eyou:channel name="$field.children" row="100" id="field2"}
          <div class="dropdown-item dropdown-submenu"> 
           <a href="{$field2.typeurl}" class="dropdown-item ">{$field2.typename}</a> 
           {eyou:notempty name="$field2.children"}
           <div class="dropdown-menu animate"> 
            {eyou:channel name="$field2.children" row="100" id="field3"}
            <a href="{$field3.typeurl}" class="dropdown-item ">{$field3.typename}</a> 
            {/eyou:channel}
           </div> 
           {/eyou:notempty}
          </div> 
          {/eyou:channel}
         </div>
         {/eyou:notempty}
        </li> 
        {/eyou:channel}
       </ul> 
      </div> 
     </div> 
    </div> 
   </nav> 
  </header> 